<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>店铺详情</title>
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
  <!--  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">-->
  <!--  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/shop/shopDetails.css">
  <link rel="stylesheet" href="../../css/cardsEquipment.css">
  <link rel="stylesheet" href="../../css/shopCard.css">
  <style>
    .yuyue{
      background:rgba(254,91,91,1);
      border-radius:5px;
      min-height: 14rem !important;
      padding-bottom: 1rem;
    }
    .querenma{
        color:white;
        border: 0;
    }
    .tishi{
      /* width:116px;
      height:12px; */
      font-size:12px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,235,232,1);
      line-height:21px;
    }
    .get{
      font-size: 1rem;
      color:white;
    }
    .newMask{
      background: url("../../images/zaqizaba/kaquan.png");
      background-position: left;
      background-repeat: no-repeat;
      background-size:cover;
      width: 84%;
      height: 80vw;
      display: flex;
      align-items: center;
      flex-direction: column;
      border-radius: 5px;
     
    }
    .yicunruwode{
      font-size:12px;
      font-family:Microsoft YaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
      margin-top:10vw;
      margin-bottom: .5rem;
    }
    .newchakanxiangqing{
      width:10rem;
      height:2.5rem;
      background:linear-gradient(90deg,rgba(254,90,91,1) 0%,rgba(254,139,110,1) 100%);
      border-radius:3.8rem;
      color:white;
      line-height: 2.5rem;
      text-align: center;
    }
   
  </style>

</head>
<body>
<div class="shop_details_header">
  <img src="../../images/profile/right_arrow.png" alt="" class="backArrow">
  店铺详情
  <img src="../../images/profile/right_arrow.png" style="opacity: 0;" alt="">
</div>


<div class="shop_details_title">
  <div class="shop_details__headerimg">
    <img class="shop_details_img" src="../../images/O1CN01zMD3xz1qefDNJEyKN_!!0-item_pic.jpg" alt="">
  </div>
  <p class="shop_details_name">
    <span>特步沙湾旗舰店</span>
    <span>品牌</span>
    <span>新店</span>
  </p>
  <p class="shop_details_fans">
    商品：123456   粉丝:45632
  </p>
  <p class="shop_details_location">
    <img src="../../images/zaqizaba/position.png" alt="">
    505m  |  金牛区沙湾路129号
  </p>

</div>
<ul class="search_content_type">
  <li>全部  <img src="../../images/zaqizaba/倒三角红.png" alt=""></li>
  <li>价格 <img src="../../images/zaqizaba/倒三角灰.png" alt=""> </li>
  <li>上新 <img src="../../images/zaqizaba/倒三角灰.png" alt=""> </li>
  <li>喜欢 <img src="../../images/zaqizaba/倒三角灰.png" alt=""> </li>
</ul>

<ul class="shop_details_list">
  <li id="godetails">
    <img class="shop_details_list_img" src="../../images/TB2kgXUhBcHL1JjSZJiXXcKcpXa_!!129605521.jpg" alt="">
    <p class="shop_details_list_name">2018新款羽绒服韩版大码 女装中长...</p>
    <p class="shop_details_price"><span>￥4286.00</span><img class="shop_details_follow" src="../../images/zaqizaba/follow.png" alt=""></p>
  </li>
  <li>
    <img class="shop_details_list_img" src="../../images/TB2kgXUhBcHL1JjSZJiXXcKcpXa_!!129605521.jpg" alt="">
    <p class="shop_details_list_name">2018新款羽绒服韩版大码 女装中长...</p>
    <p class="shop_details_price"><span>￥4286.00</span><img class="shop_details_follow" src="../../images/zaqizaba/follow.png" alt=""></p>
  </li>
  <li>
    <img class="shop_details_list_img" src="../../images/TB2kgXUhBcHL1JjSZJiXXcKcpXa_!!129605521.jpg" alt="">
    <p class="shop_details_list_name">2018新款羽绒服韩版大码 女装中长...</p>
    <p class="shop_details_price"><span>￥4286.00</span><img class="shop_details_follow" src="../../images/zaqizaba/follow.png" alt=""></p>
  </li>
  <li>
    <img class="shop_details_list_img" src="../../images/TB2kgXUhBcHL1JjSZJiXXcKcpXa_!!129605521.jpg" alt="">
    <p class="shop_details_list_name">2018新款羽绒服韩版大码 女装中长...</p>
    <p class="shop_details_price"><span>￥4286.00</span><img class="shop_details_follow" src="../../images/zaqizaba/follow.png" alt=""></p>
  </li>
  </li>
</ul>


<ul class="shop_details_footer">
  <li class="shop_details_footer_icon shop_details_footer_follow">
    <img src="../../images/zaqizaba/收藏2.png" alt="">
    关注
  </li>
  <li class="shop_details_footer_icon shop_details_footer_appoin">
    <img src="../../images/zaqizaba/预约2.png" alt="">
    预约
  </li>
  <li class="shop_details_footer_btn">
    <span>一键拨号</span>
    <span>一键导航</span>
  </li>
</ul>



    <!-- 预约成功的4种样式 -->
    <!-- 满减券 -->
<!--  <div class="mask">-->
<!--    <div style="display: flex;flex-direction: column;align-items: center;width:100%;">-->
<!--      <div class="yuyue querenshiyong" style="height:59vw;margin-left: 0 !important;margin-top: 0 !important;">-->
<!--        <p class="" style="margin-top:1rem;color:white;">预约成功</p>-->
<!--        <p class="tishi">提示：预约7天内有效</p>-->
<!--        <p class="get">获得</p>-->
<!--        <div class="card_list d-flex-md" style="width:91%;">-->
<!--          <p class="card_list_quan d-col-md">-->
<!--            折扣券-->
<!--          </p>-->
<!--          <p class="card_list_left d-col-md"  style="padding-left:3rem">-->
<!--            <span class=‘money’><b class="price">9.5 </b><span style="font-size: 13px;">折</span></span>-->
<!--          </p>-->
<!--          <div class="card_list_right" style="margin-left: 1.8rem;font-size: .8rem;">-->
<!--            <p class="card_list_right_instr shenglv" style="margin-left:.5rem;">-->
<!--          -->
<!--              春熙路阿依莲沙湾店-->
<!--            </p>-->
<!--        -->
<!--            <p class="card_list_right_instr" style="margin-left:.5rem;">-->
<!--              <span style="color: #888888;">2019.03.29~2019.05.05</span>-->
<!--              <span></span>-->
<!--            </p>-->
<!--      -->
<!--          </div>-->
<!--    -->
<!--        </div>-->
<!--        <p class="get">魅力值 + 10</p>-->
<!--      </div>-->
<!--      <img src="../../images/zaqizaba/close.png" alt="" class="close">-->
<!--    </div>-->
<!--   -->
<!--  </div>-->
 <!-- 折扣券 -->
<!--   <div class="mask">-->
<!--     <div style="display: flex;flex-direction: column;align-items: center;width:100%;">-->
<!--    <div class="yuyue querenshiyong" style="height:59vw;margin-left:0;margin-top:0;width:86%;">-->
<!--        <p class="" style="margin-top:1rem;color:white;">预约成功</p>-->
<!--        <p class="tishi">提示：预约7天内有效</p>-->
<!--        <p class="get">获得</p>-->
<!--        <div class="card_list d-flex-md" style="width:91%;">-->
<!--          <p class="card_list_quan d-col-md">-->
<!--              满减券-->
<!--          </p>-->
<!--          <p class="card_list_left d-col-md"  style="padding-left:3rem">-->
<!--                  <span class=‘money’><span style="font-size: 13px;">¥</span><b class="price">800 </b></span>-->
<!--          </p>-->
<!--         <div class="card_list_right" style="margin-left: 1.8rem;font-size: .8rem;">-->
<!--           <p class="card_list_right_instr shenglv" style="margin-left:1.4rem;">-->

<!--                春熙路阿依莲沙湾店-->
<!--           </p>-->
<!--           <p class="card_list_right_instr shenglv" style="margin-left:1.4rem;">-->

<!--           满1000减可用-->
<!--          </p>-->

<!--           <p class="card_list_right_instr" style="margin-left:1.4rem;">-->
<!--                   <span style="color: #888888;">2019.03.29~2019.05.05</span>-->
<!--                   <span></span>-->
<!--           </p>-->

<!--         </div>-->

<!--  </div>-->
<!--    <p class="get">魅力值 + 10</p>-->
<!--    </div>-->
<!--     <img src="../../images/zaqizaba/close.png" alt="" class="close">-->
<!--     </div>-->

<!--   </div>-->

<!--预约成功-->
<!--    <div class="mask" >-->
<!--      <div style="display: flex;flex-direction: column;align-items: center;">-->
<!--        <div class="yuyue querenshiyong supper_css" style="height:64vw !important;">-->
<!--          <p class="querenma" style="height: 2rem;">预约成功</p>-->
<!--          <p class="tishi">提示：预约7天内有效</p>-->
<!--          <p class="get">获得</p>-->
<!--          <img src="../../images/O1CN01wC7XMS1Pf7y8xqBDd_!!657171867.jpg" alt="" style="width: 80%;height:7rem;">-->
<!--          <p class="get">魅力值 + 10</p>-->
<!--  -->
<!--        </div>-->
<!--        <img src="../../images/zaqizaba/close.png" alt="" class="close">-->
<!--      </div>-->
<!--      -->
<!--    </div>-->


<!--新增的弹窗样式-->
<div class="mask">
  <div style="display: flex;flex-direction: column;align-items: center;">
  <div class="newMask">
    <p class="querenma" style="height: 2rem;color:#FFF600; font-size:24px;margin-top:22px;font-family:BigruixianBlackGBV1.0;">恭喜获得卡劵</p>
    <p class="tishi">海澜之家</p>
  
    <img src="../../images/O1CN01wC7XMS1Pf7y8xqBDd_!!657171867.jpg" alt="" style="width: 80%;height:7rem;border-radius: 5px;">
    <p class="yicunruwode">已存入我的-卡券装备</p>
    <p class="newchakanxiangqing">查看详情</p>
  </div>
  <img src="../../images/zaqizaba/close.png" alt="" class="close">
  </div>
</div>

</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="../../js/shopDetails.js"></script>
<script>
$('#godetails').click(()=>{
  window.location.href='./goodsDetails.html'
})
// 点击立即使用
$('.shop_details_footer_appoin').click(()=>{
    $(".mask").css('display','flex');

})
$('.close').click(()=>{
  $(".mask").css('display','none');

})
  
  $(".newchakanxiangqing").click(()=>{
    console.log(1111)
  })
</script>
<script src="../../js/back.js"></script>




</html>
